<template>
  <div class="common-layout">
    <el-container>
      <!-- Aside 外层加容器 -->
      <Aside />
      <el-container>
        <Header />
        <el-main>
          <RouterView /> 
        </el-main>
        <!-- Footer 外层加容器 -->
        <el-footer>无人船智能控制系统 ©2025 Created by 孙敏（M code）</el-footer>
      </el-container>
    </el-container>
  </div>
</template>
<script setup>
import Aside from '@/components/aside.vue';
import Header from '@/components/navHeader.vue';
import { RouterView } from 'vue-router';
</script>
<style lang="less" scoped>
 .common-layout {
    height: 100vh;
    .el-container{
        height: 100%;
    }
  }
  
  .el-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #666;
    }
</style>